import { useState } from "react";
import reactLogo from "./assets/react.svg";
import viteLogo from "/vite.svg";
import RuleTree from "./core/RuleTree";
import "./App.css";

function App() {
  const [count, setCount] = useState(0);

  return (
    <>
      <div>
        <RuleTree
          defaultValue={{
            relation: "and",
            children: [
              { relation: "and", children: [] }, // 补充符合类型的 children
              { relation: "or", children: [] }, // 补充符合类型的 children
            ],
          }}
        />
      </div>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </>
  );
}

export default App;
